Adding images and setting up asset loading

Let's add some static images to our application.

First, create a directory for images: src/static/images/

Add a logo image file to this directory (you can download a simple dog logo from the internet for this purpose).

Now, create a server.js file to serve these static assets:

// server/server.js
const express = require('express');
const path = require('path');

export function addMiddlewares(app) {
  app.use('/assets', express.static(path.join(__dirname, '../src/static/images')));
}

This will allow us to reference images with paths like /assets/dog-logo.png throughout our application. The logo is now properly displayed in the header component we created in the previous step.